<template>
  <div class="page">
    <!-- <categoryMenu></categoryMenu>
    <companyDisplay></companyDisplay> -->



  <!-- 新的首页 -->
   <newHome ></newHome>

  <!-- 登录之后的首页 -->
   <!-- <product v-if="userInfo.type == 1"></product> -->


   <!-- 供应商首页 -->
   <!-- <supplierHome v-if="userInfo.type == 2"></supplierHome> -->
   

   
  </div>
</template>
<script>

import supplierHome from "../newPage/supplierHome.vue";
import { mapState } from "vuex";
import product from "../newPage/product.vue";
import categoryMenu from "./components/categoryMenu.vue";
import companyDisplay from './components/companyDisplay.vue'
import newHome from "./components/newHome"
export default {
  name: "homePage",
  components: {
    categoryMenu,
    companyDisplay,
    newHome,
    product,
    supplierHome
  },
 
  data() {
    return {
      
    };
  },
  computed: {
      ...mapState([
          "userInfo",
        ]),
    },
  watch: {},
  created() {
   
    console.log(this.userInfo.type,'sahfjsahfj')


  },
  methods: {
   
   
  },
};
</script>

<style scoped lang="less">
.page{
  // padding-top: 20px;
  // padding-bottom:36px;
}
 
</style>


